<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }

        .box{
            width: 400px;
            height: 100px;
            /* 文字在自己的行高里面是垂直居中，考虑行高设置多少？*/
            line-height: 100px;

            border: 1px solid #000;
            text-align: center;


            /*margin: ; 可以写一个值 上右下左  两个：上下 左右  三个值： 上  左右 下*/
            /*margin: 10px auto 20px auto;*/
            /* 上下的间距是0 左右的间距是自动计算。*/
            margin: 0 auto;

            /*margin-left: auto;*/
            /*margin-right: auto;*/


            /*margin-left: 759px;*/

            /* 显示器：1920 * 1080 */

            /* (1920 - 402)/2 = 759px*/

            /* 设置值为多少的时候，当前的这个盒子是水平方向居中的？*/
        }
        
        .box1{

            border: 1px solid red;
        }
    </style>
</head>
<body>

<div class="box">
    文本信息
</div>
<div class="box1">Lorem ipsum dolor sit amet.</div>
</body>
</html>